<html>
<head>
    <title>Awesome Web View</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <style>button{width: 100%} input{width: 100%}</style>
    <script type="text/javascript">
       function call(){
            var value = document.getElementById("input").value;
            alert(value);
       }
       //警告
       function onAlert(){
            alert("This is a alert sample from html");
       }
       //确定
       function onConfirm(){
          var b = confirm("are you sure to login?");
          alert("your choice is "+b);
       }
       //提示
       function onPrompt(){
           var b = prompt("please input your password","aaa");
           alert("your input is "+b);
       }
    </script>
</head>
<body>
<p>*** Functions:</p>
<p><button onclick="window.open('http://www.youku.com/')">Video Full Screen</button></p>
<p><button onclick="window.open('http://maps.baidu.com')">Geo Location</button></p>
<p><button onclick="window.open('http://tuchuang.org')">File Chooser</button></p>
<p><button onclick="window.open('https://bl.ocks.org/mchelen/raw/7c595af55da08c4ee986/')">Camera</button></p>
<p><button onclick="window.open('https://webaudiodemos.appspot.com/volume-meter/index.html')">Audio Record</button></p>
<p><button onclick="window.open('http://mobilexweb.com/samples/ball.html')">Sensor: Gravity Sensor</button></p>
<p><button onclick="window.open('https://lamplightdev.github.io/compass/')">Sensor: Magnetic Field Sensor</button></p>
<p><button onclick="window.open('weixin://')">App Jump: WeChat</button></p>
<p><button onclick="window.open('https://www.whatismyreferer.com')">Extra Headers</button></p>
<p><button onclick="window.open('https://tool.lu/useragent')">User Agent Append</button></p>
<p><button onclick="window.open('http://www.html-kit.com/tools/cookietester/')">Inject Cookie</button></p>
<br>

<p>*** JS Dialogs:</p>
<p><input type="text" id="input" value="default"/></p>
<p><input type="button" value="Click to show input in alert" onclick="call()"/></p>
<hr>
<p><input type="button" value="alert" onclick="onAlert()"/></p>
<p><input type="button" value="confirm" onclick="onConfirm()"/></p>
<p><input type="button" value="prompt" onclick="onPrompt()"/></p>
<br>

<p>*** Choose image or video</p>
<hr>
<p>
    Image - From both camera and album: no capture and multiple attribute
    <input type="file" accept="image/*"></p>
<hr>
<p>
    Image - From both camera and album: capture="filesystem camera" multiple
    <input type="file" accept="image/*" capture="filesystem camera" multiple></p>
<hr>
<p>
    Image - From camera only: capture="camera"
    <input type="file" accept="image/*" capture="camera"></p>
<hr>
<p>
    Video - From both camera and album: no capture and multiple attribute
    <input type="file" accept="video/*"></p>
<hr>
<p>
    Video - From both camera and album: capture="filesystem camera" multiple
    <input type="file" accept="video/*" capture="filesystem camera" multiple></p>
<hr>
<p>
    Video - From camera only: capture="camera"
    <input type="file" accept="video/*" capture="camera">
</p>
<br>

<p>*** Long press to save photo</p>
<hr>
<p>
    https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png
    <br>
    <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" width="200px"></p>
<hr>
<p>
    Base64 image，the src element in the img tag is not a url, but a base64 string
    <br>
    <img src="" width="200px">
</p>
</body>
</html>